Пример масок - Маски ввода текстовых полей (Шаблон заполнения)

Рады поделиться: выложили нашу разработку Maskito в открытый доступ, и совсем недавно произошел релиз ее первой мажорной версии. Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API.

Примеры масок ввода

Один античный оратор говорил, что всем людям свойственно ошибаться. Прошло много веков, а человек продолжает совершать ошибки каждый день. Даже беглое заполнение формы на сайте не обходится без опечаток. Инструментов контроля огромное количество, сегодня расскажу про один их них — создание маски для поля ввода силами Javascript. Представим ситуацию, что сайт хочет запросить данные, которые должны содержать только цифры. Например, для поля ввода цены товара мы не хотим разрешать пользователю вводить буквы и прочие символы.

Редактор форм состоит из палитры инструментов слева и основной рабочей области где отображаются и редактируются элементы формы. Навигатор разделен на секции. Секция « Элементы » :. Элементы структуры :. Текстовые элементы :.

На этом уроке с помощью плагина masked input рассмотрим процесс создания различных масок ввода текстовым элементам формы. Плагин masked input предназначен для установления маски ввода элементу input с помощью кода JavaScript. Данный плагин для своего функционирования требует наличие подключённой библиотеки jQuery. Скачать плагин jquery. Демо Скачать maskedInput.

Похожие статьи

• Декоративный наливные полы своими руками
• Питательная маска для рук своими руками - Горчичная маска для роста волос - рецепт, фото, отзывы
• Чехол на телефон из полимерной глины
• Икебана фото своими руками для детского сада - Икебана - отличное дополнение интерьера / икебана фот